<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/index/travelstroy.css">
</head>
<body>
<!--1.引入头部header.html-->
<div id="header"></div>
<!--内容模块--------------------------------------------------->
<div class="ts-1">
    <img src="images/travelstroy/banner43.jpg" alt="" style="border-radius: 10px;">
    <div>你的旅行，会是什么温度？</div>
    <div>
        <p>一次美好的旅行，应该是有温度的。</p>
        <p>温度，来自不一样的风景，来自陪伴或遇见的人，来自旅途中发生的故事。</p>
        <p>当然，也来自我们<a>无二之旅</a>为你悉心安排的每一个细节中。</p>
    </div>
</div>
<div class="outRange_img">
    <div class="inRange_img">
        <a href="#"><img src="images/travelstroy/american.jpg" alt="" class="lb_img"></a>
        <a href="#"><img src="images/travelstroy/beijing.jpg" alt="" class="lb_img"></a>
        <a href="#"><img src="images/travelstroy/bali.jpg" alt="" class="lb_img"></a>
        <a href="#"><img src="images/travelstroy/roma.jpg" alt="" class="lb_img"></a>
        <a href="#"><img src="images/travelstroy/soho.jpg" alt="" class="lb_img"></a>
        <a href="#"><img src="images/travelstroy/singapore.jpg" alt="" class="lb_img"></a>
        <a href="#"><img src="images/travelstroy/slide-3.jpg" alt="" class="lb_img"></a>
        <a href="#"><img src="images/travelstroy/slide-4.jpg" alt="" class="lb_img"></a>
        <a href="#"><img src="images/travelstroy/slide-1.jpg" alt="" class="lb_img"></a>
        <a href="#"><img src="images/travelstroy/american.jpg" alt="" class="lb_img"></a>
        <a href="#"><img src="images/travelstroy/beijing.jpg" alt="" ></a>
        <a href="#"><img src="images/travelstroy/bali.jpg" alt="" ></a>
        <a href="#"><img src="images/travelstroy/roma.jpg" alt="" ></a>
        <a href="#"><img src="images/travelstroy/soho.jpg" alt=""></a>
        <a href="#"><img src="images/travelstroy/singapore.jpg" alt="" ></a>
        <a href="#"><img src="images/travelstroy/slide-2.jpg" alt="" ></a>
    </div>
</div>
<div class="ts-2">
    <div><img src="images/travelstroy/lx1.jpg" alt=""></div>
    <div>
        <p>从小妈妈就带我在国内到处玩，</p>
        <p>我总说，妈妈，等我长大了，就换我带你去环游世界！</p>
        <p>小学，初中，大学……我终于长大了！</p>
        <p>我才不会骗妈妈，走，我们出发吧！</p>
        <p>什么？大姨你也要去？还……还有二姨和小姨？</p>
        <p>没关系，那都不是事儿！！一起走你！</p>
        <p>旅行总花费：<span>26570 RMB/人</span></p>
        <div><a href="">感受它的温度</a></div>
    </div>
</div>
<div class="ts-2">
    <div><img src="images/travelstroy/lx1.jpg" alt=""></div>
    <div>
        <p>从小妈妈就带我在国内到处玩，</p>
        <p>我总说，妈妈，等我长大了，就换我带你去环游世界！</p>
        <p>小学，初中，大学……我终于长大了！</p>
        <p>我才不会骗妈妈，走，我们出发吧！</p>
        <p>什么？大姨你也要去？还……还有二姨和小姨？</p>
        <p>没关系，那都不是事儿！！一起走你！</p>
        <p>旅行总花费：<span>26570 RMB/人</span></p>
        <div><a href="">感受它的温度</a></div>
    </div>


</div>
<div class="ts-2">
    <div><img src="images/travelstroy/lx1.jpg" alt=""></div>
    <div>
        <p>从小妈妈就带我在国内到处玩，</p>
        <p>我总说，妈妈，等我长大了，就换我带你去环游世界！</p>
        <p>小学，初中，大学……我终于长大了！</p>
        <p>我才不会骗妈妈，走，我们出发吧！</p>
        <p>什么？大姨你也要去？还……还有二姨和小姨？</p>
        <p>没关系，那都不是事儿！！一起走你！</p>
        <p>旅行总花费：<span>26570 RMB/人</span></p>
        <div><a href="">感受它的温度</a></div>
    </div>


</div>
<div class="ts-3" >
    <div class="left_top" id="f3">
        <h2>定制世界 · 美轮美奂</h2>
        <br>
        <p>★ 根据您独一无二的旅行需求 一对一量身定制 ★<br> ★ 为您搭配性价比资源
            提供最优旅行计划 ★<br>★ 根据您的风格喜好 订制品质食宿 ★ <br> ★ 给您最贴心的服务 ★
        </p>
        <ul>
            <li>★ 高端服务 ★</li>
            <li>★ 最优路线 ★</li>
            <li>★ 品牌保障 ★</li>
            <li>★ 专属定制 ★</li>
        </ul>
    </div>
    <div class="right_bottom">
        <h2>★★★★★旅途故事★★★★★</h2>
        <div class="rb_content">
            <img src="product/details/maerdaifu_3.jpg" alt="">
            <p class="comment">用户：H34***126<br>
                这是今年来最满意的一次旅行了，海天一色房间保留了很好的<br>私密性，食物非常美味，
                岛上还有一位中文管家 服务非常贴<br>心，一切十分顺利，很满意的旅程。<br>
            </p>
        </div>
        <div class="rb_content">
            <img src="product/details/beihaidao_5.jpg" alt="">
            <p class="comment">用户：Lee7***hom<br>
                非常满意的一次旅行，在北海道缆车上俯瞰着整个山林秋色<br>绝美的景色让人陶醉，
                专业导游十分热情细心，服务非常好<br>这一次出来，选择定制服务，非常值得。<br>
            </p>
        </div>
        <div class="rb_content">
            <img src="product/details/mangu_5.jpg" alt="">
            <p class="comment">用户：fgx****716<br>
                好不容易有了假期，出行旅行特意为家人选了定制旅行服务，<br>路线规划与服务都非常完美，酒店，
                食宿的服务标准非常高<br>服务很周到，等下次有长假，准备选择欧洲游<br>
            </p>
        </div>
    </div>
</div>
<div class="ts-4">
    <video src="video/travel.mp4" autoplay loop muted style="width:100%;"></video>
</div>




<!--footer模块--------------------------------------------------->
<div id="footer" class="floor"></div>
</body>
<script src="js/index/jquery.js"></script>
<script type="text/javascript" src="js/header/header.js"></script>
<script type="text/javascript" src="js/footer/footer.js"></script>
<script type="text/javascript" src="js/travelstroy/travelstroy.js"></script>
</html>